<%-- 
    Document   : profileInfo
    Created on : Apr 18, 2011, 4:03:35 PM
    Author     : DIT-0958372
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<jsp:useBean id="userInfo" class="Bean.Account.AccountSC" scope="session"/>

<html>
    <head>
        <jsp:include page="profile_Head.jsp"/>
    </head>

    <body>
        <div id="tabs">
            <ul>
                <li><a href="#tabs-basicInfo">Basic Information</a></li>
                <li><a href="#tabs-contactInfo">Contact</a></li>
                <li><a href="#tabs-eduInfo">Education</a></li>
                <li><a href="#tabs-workInfo">Work</a></li>
            </ul>
            <div id="tabs-basicInfo">
                <form method="post" action="../ManageProfileServlet">

                    <label>Assigned ID: </label>
                    <input name="acName" value="<jsp:getProperty name="userInfo" property="acName"/>"
                           type="text" disabled><br>


                    <label>User Name: </label>
                    <input name="userName" value="<jsp:getProperty name="userInfo" property="userName"/>"
                           type="text"><br>


                    Account Type: <input name="acType" value="<jsp:getProperty name="userInfo" property="acType"/>"
                                         type="text"><br>
                    <!-- JSTL used here to create a combo box           -->
                    Sex: <select name="sex">
                        <c:choose>
                            <c:when test="${userInfo.sex == 'M'}">
                                <option value="M" selected>M</option>
                                <option value="F" >F</option>
                            </c:when>
                            <c:when test="${userInfo.sex == 'M'}">
                                <option value="M" >M</option>
                                <option value="F" selected>F</option>
                            </c:when>
                            <c:otherwise>
                                <option value="" selected></option>
                                <option value="M" >M</option>
                                <option value="F" >F</option>
                            </c:otherwise>
                        </c:choose>
                    </select>

                    <!--Using the datePicker from jQuery UI             -->
                    Birthday: <input id="datepicker1" name="DOB" value="${userInfo.DOB}"
                                     type="text"><br>

                    Marital Status: <input name="maritalStatus" value="${userInfo.maritalStatus}"
                                           type="text"><br>

                    Blood Type :<input name="bloodType" value="<jsp:getProperty name="userInfo" property="bloodType"/>"
                                       type="text"><br>

                    Home Town: <input name="hometown" value="<jsp:getProperty name="userInfo" property="hometown"/>"
                                      type="text"><br>

                    Current Location: <input name="currentLocation" value="<jsp:getProperty name="userInfo" property="currentLocation"/>"
                                             type="text"><br>

                    <!--            <a href="ContactInfo.jsp">Next Page<br>-->

                    <input value="Save" type="submit"><br>

                    <input value="Cancel" type="reset"><br>

                    <input type="hidden" name="acCondition" value="basicInfo">
                </form>
            </div>
            <div id="tabs-contactInfo">
                <form method="post" action="../ManageProfileServlet">
                    HP: <input name="hp" value="<jsp:getProperty name="userInfo" property="hp"/>"
                               type="text"><br>

                    Email Address: <input name="emailAddress" value="<jsp:getProperty name="userInfo" property="emailAddress"/>"
                                          type="text"><br>

                    MSN: <input name="msn" value="<jsp:getProperty name="userInfo" property="msn"/>"
                                type="text"><br>

                    <!--            <a href="workInfo.jsp">Next Page<br>-->

                    <input value="Save" type="submit"><br>

                    <input value="Cancel" type="reset"><br>

                    <input type="hidden" name="acCondition" value="contactInfo">
                </form>
            </div>
            <div id="tabs-eduInfo">
                <form method="post" action="../ManageProfileServlet">
                    School: <input name="school" value="<jsp:getProperty name="userInfo" property="school"/>"
                                   type="text"><br>

                    Class: <input name="schlClass" value="<jsp:getProperty name="userInfo" property="schlClass"/>"
                                  type="text"><br>
                    <!--Using the datePicker from jQuery UI             -->
                    Year: <input id="datepicker2" name="enrollmentDay" value="<jsp:getProperty name="userInfo" property="enrollmentDay"/>"
                                 type="text"><br>


                    <input value="Save" type="submit"><br>

                    <input value="Cancel" type="reset"><br>

                    <input type="hidden" name="acCondition" value="eduInfo">
                </form>
            </div>
            <div id="tabs-workInfo">
                <form method="post" action="../ManageProfileServlet">
                    Company: <input name="company" value="<jsp:getProperty name="userInfo" property="company"/>"
                                    type="text"><br>

                    Department: <input name="department" value="<jsp:getProperty name="userInfo" property="department"/>"
                                       type="text"><br>

                    <!--Using the datePicker from jQuery UI             -->
                    Started Working from: <input id="datepicker3" name="workDay" value="<jsp:getProperty name="userInfo" property="workDay"/>"
                                                 type="text"><br>

                    <input value="Save" type="submit"><br>

                    <input value="Cancel" type="reset"><br>

                    <input type="hidden" name="acCondition" value="workInfo">
                </form>
            </div>
        </div>
    </body>
</html>
